@CHARSET "UTF-8";

body { font-family: Tahoma, Gulim, sans-serif; font-size: 13px; margin: 0; }
ul { padding: 0px; }

a:link,a:visited,a:hover { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

#wrap {}

#header { width: 100%; height: 30px; background: #ccc; border-bottom: 1px solid #999; position: relative; }
#header h1 { font-size: 12px; margin: 0; top: 8px; left: 10px; position: absolute; left: 10px; }
#header ul { overflow: hidden; padding: 0; margin: 0; right: 10px; width: auto; position: absolute;	right: 10px; }
#header li { float: right; margin: 8px 0 0 0; }

#content { margin: 5px 5px 5px 5px; padding: 10px; }
#content h1 { font-size: 18px; font-weight: bold; margin: 0 0 10px 0; }

#footer { margin: 0px 0px 0px 0px; padding: 5px; right: 10px; text-align: right; border-top: 1px solid #999; clear: both; }

/* Buttons */
#gray_btn a { display: block; background: url('img/gray_btn_bg.gif') left 0; float: left; font: 12px Gulim; color: #777; padding-left: 6px; text-decoration: none; height: 27px; cursor: pointer; margin-right: 3px; overflow: hidden }
#gray_btn a:hover { background: url('img/gray_btn_bg.gif') left -27px }
#gray_btn a span { display: block; float: left; background: url('img/gray_btn_bg.gif') right 0; line-height: 240%; padding-right: 6px; height: 27px; overflow: hidden }
#gray_btn a:hover span { background: url('img/gray_btn_bg.gif') right -27px; color: #000 }

#orange_btn a {	display: block; background: url('img/orange_btn_bg.gif') left 0; float: left; font: 12px Gulim; color: #FDF5EE; padding-left: 6px; text-decoration: none; height: 27px; cursor: pointer; margin-right: 3px; overflow: hidden }
#orange_btn a:hover { background: url('img/orange_btn_bg.gif') left -27px }
#orange_btn a span { display: block; float: left; background: url('img/orange_btn_bg.gif') right 0; line-height: 240%; padding-right: 6px; height: 27px; overflow: hidden }
#orange_btn a:hover span { background: url('img/orange_btn_bg.gif') right -27px; color: #fff }